<template>
    <div>
        <page-view>
            <page-header title="新增地址" :showBack="true"></page-header>

            <div class="content-box">
                <address-edit
                    :area-list="areaList"
                    show-postal
                    show-delete
                    show-set-default
                    
                    :area-columns-placeholder="['请选择', '请选择', '请选择']"
                    @save="onSave"
                    />
            </div>
        </page-view>

    </div>
</template>

<script>
import { AddressEdit } from 'vant';
import { reactive, ref } from 'vue';
// import { areaList } from '@vant/area-data';
export default {
    components:{AddressEdit},
    setup () {
        const searchResult = ref([]);
    const onSave = () => Toast('save');
    let areaList=reactive({})
   

        

        return {
        onSave,
        areaList,
        };
    }
}
</script>

<style lang="scss" scoped>
.content-box{
    height: 100%;
}
</style>